<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>欢迎页面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/favicon.ico}" />
    <link rel="stylesheet" th:href="@{/lib/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{/css/common.css}">
    <link rel="stylesheet" th:href="@{/css/animate.min.css}">
</head>

<body>
    <div class="z-body animated fadeIn">
        <blockquote class="layui-elem-quote">欢迎：
            <span id="username" ></span>！当前时间: [[${#dates.format(new java.util.Date().getTime(), 'yyyy-MM-dd HH:mm:ss')}]]</blockquote>
        <fieldset class="layui-elem-field">
            <legend>操作系统</legend>
            <div class="layui-field-box">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-carousel z-admin-carousel z-admin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 100px;">
                                <div carousel-item="">
                                    <ul class="layui-row layui-col-space10 layui-this">
                                        <li class="layui-col-xs3">
                                            <a href="#"  class="z-admin-backlog-body">
                                                <h3>系统信息</h3>
                                                <p >
                                                 <cite style="font-size: 12px;" th:text="${getOsInfo}"></cite>
                                                </p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a href="#"  class="z-admin-backlog-body">
                                                <h3>用户信息</h3>
                                                <p>
                                                    <cite  style="font-size: 12px;" th:text="${getUserInfo}"></cite>
                                                </p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a href="#"  class="z-admin-backlog-body">
                                                <h3>主机网络</h3>
                                                <p>
                                                    <cite  style="font-size: 12px;"  th:text="${getHostInfo}"></cite>
                                                </p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a href="#"  class="z-admin-backlog-body">
                                                <h3>其它信息</h3>
                                                <p>
                                                    <cite style="font-size: 12px;"  th:text="${getRuntimeInfo}"></cite>
                                                </p>
                                            </a>
                                        </li>
<!--                                        <li class="layui-col-xs2">-->
<!--                                            <a href="#"  class="z-admin-backlog-body">-->
<!--                                                <h3>操作日志</h3>-->
<!--                                                <p>-->
<!--&lt;!&ndash;                                                    <cite th:text="${sysLogCount}"></cite>&ndash;&gt;-->
<!--                                                </p>-->
<!--                                            </a>-->
<!--                                        </li>-->
<!--                                        <li class="layui-col-xs2">-->
<!--                                            <a href="#"  class="z-admin-backlog-body">-->
<!--                                                <h3>在线人数</h3>-->
<!--                                                <p>-->
<!--&lt;!&ndash;                                                    <cite th:text="${userOnlineCount}"></cite>&ndash;&gt;-->
<!--                                                </p>-->
<!--                                            </a>-->
<!--                                        </li>-->
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </fieldset>
        <fieldset class="layui-elem-field">
            <legend>最近日志</legend>
            <div class="layui-field-box">
                <div id="main" style="width: 100%;height:400px;"></div>
<!--                <div class="layui-col-md12">-->
<!--                    <div class="layui-card">-->
<!--                        <div class="layui-card-body">-->
<!--                            <div class="layui-carousel z-admin-carousel z-admin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 500px;">-->
<!--                                <div carousel-item="">-->
<!--                                    <ul class="layui-row layui-col-space10 layui-this">-->
<!--                                        <li class="layui-col-xs12">-->

<!--                                            <p> <strong>第一步：数据准备，创建表：task_config和task_logs</strong></p>-->
<!--                                            <p>create table TASK_CONFIG-->
<!--                                                (-->
<!--                                                id          NUMBER not null,-->
<!--                                                name        VARCHAR2(200),-->
<!--                                                remark      VARCHAR2(500),-->
<!--                                                bean_name   VARCHAR2(100),-->
<!--                                                cron        VARCHAR2(100),-->
<!--                                                status      NUMBER,-->
<!--                                                create_time TIMESTAMP(6),-->
<!--                                                update_time TIMESTAMP(6)-->
<!--                                                )</p>-->
<!--                                            <p>create unique index INDEX_WYSY_2019 on TASK_CONFIG (BEAN_NAME)</p>-->
<!--                                            <p>alter table TASK_CONFIG add constraint PK_TASK_CONFIG primary key (ID) </p>-->
<!--                                            <p>create sequence SEQ_TASK_CONFIG-->
<!--                                                minvalue 1-->
<!--                                                maxvalue 999999999999999999999999999-->
<!--                                                start with 1-->
<!--                                                increment by 1-->
<!--                                                cache 20; </p>-->
<!--                                            <p>create table TASK_LOGS-->
<!--                                                (-->
<!--                                                id          NUMBER not null,-->
<!--                                                task_id     NUMBER,-->
<!--                                                task_name   VARCHAR2(200),-->
<!--                                                task_bean   VARCHAR2(200),-->
<!--                                                task_cron   VARCHAR2(200),-->
<!--                                                log_content VARCHAR2(2000),-->
<!--                                                create_date TIMESTAMP(6)-->
<!--                                                )</p>-->
<!--                                            <p>create index INDEX_TASK_LOGS on TASK_LOGS (TASK_NAME, CREATE_DATE)</p>-->
<!--                                            <p>alter table TASK_LOGS add constraint PK_TASK_LOGS primary key (ID) </p>-->
<!--                                            <p>create sequence SEQ_TASK_LOGS-->
<!--                                                minvalue 1-->
<!--                                                maxvalue 999999999999999999999999999-->
<!--                                                start with 1-->
<!--                                                increment by 1-->
<!--                                                cache 20; </p>-->
<!--                                            <p><strong> 第二步：实现接口，完成业务代码</strong></p>-->
<!--                                            <p> 请实现 接口 com.power.taskcenter.tasks.DyTask 类</p>-->
<!--                                            <p> 例如：com.power.taskcenter.tasks.custom.TestOneDyTask implements DyTask </p>-->
<!--                                            <p> 参数说明： name 任务名称, remark  备注, cron 计划时间，例如： "0/2 * * * * ?", status = 1 1表示禁止 0 表示启动 </p>-->
<!--                                            <p style="color:#FF5722">  <a href="http://cron.qqe2.com/" target="_blank" >cron编写请参考</a> </p>-->
<!--                                            <p><strong> 第三步：配置登录系统用户名和密码</strong></p>-->
<!--                                            <p> application文件中spring.dynamictask.login-username:登录系统用户名。 </p>-->
<!--                                            <p> application文件中spring.dynamictask.login-password:登录系统密码MD5加密后字符串。 </p>-->
<!--                                        </li>-->
<!--                                     </ul>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
            </div>
        </fieldset>

    </div>

    <script th:src="@{/lib/jquery/jquery.min.js}"></script>
    <script th:src="@{/lib/layui/layui.js}"></script>
    <script th:src="@{/js/common.js}"></script>
    <script th:src="@{/lib/echarts/echarts.min.js}"></script>
    <script type="application/javascript">

        layui.$("#username").html( sessionStorage.getItem("username"));
        layui.use('element', function(){
            layui.$("#main").css("width", (window.innerWidth - 100) +'px');
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));
            // 指定图表的配置项和数据
            option = {
                title: {
                    text: '近七天日志次数统计图',
                    left: 'center'
                },
                tooltip: {
                    trigger: 'axis',
                    axisPointer: { // 坐标轴指示器，坐标轴触发有效
                        type: 'none' // 默认为直线，可选为：'line' | 'shadow'
                    }
                },
                xAxis: {
                    type: 'category',
                    data:  getWeekList()
                },
                yAxis: {
                    type: 'value'
                },
                series: [{
                    data: [],
                    type: 'line',
                    itemStyle: {
                        emphasis: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        },
                        normal:{
                            label:{
                                show: true,
                                formatter: '{b} : {c}'
                            },
                            labelLine :{show:true}
                        }
                    }
                }]
            };
            // layui.$.get('/weekLoginCount', function (data) {
            //
            //
            //
            //     option.series[0].data = data;
            //     // 使用刚指定的配置项和数据显示图表。
            //     myChart.setOption(option);
            // });

            $.ajax({
                type: 'GET',
                headers: {accessToken: sessionStorage.getItem("taskCenterAccessToken"),clientId:sessionStorage.getItem("username")},
                url:'/v1/api/dyTasks/queryLogsCurDate'  ,
                dataType: 'json',
                cache: false,
                async: true,
                success: function(res) {
                   // console.log(res)
                    var info = res.data ;
                    var data =  new Array();
                  //  console.log(info)
                    for (var i =0;i<info.length;i++){
                        data[i]= info[i].COUNTNUM;
                    }
                    //console.log(data)
                    option.series[0].data = data;
                    myChart.setOption(option);
                }
            });
        });
    </script>
</body>
</html>